<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">{{message}}</div>
		
		<!-- <div id="app2">{{name}}</div> -->
		<div id="app2">
			<ul >
				<li  v-for="item in movies">{{item}}</li>
			</ul>
			
		</div>
		<script type="text/javascript">
			//const(常量)let(变量)
			const app = new Vue({
				el:'#app', //挂载要加载的元素
				data:{ //定义数据
					message:'hello'
				}
			})
			const q = new Vue({
				el:'#app2',
				data:{ 
					name:'world!',
					movies:['wow','starcraft','redalert3']
				}
			})
		</script>
	</body>
</html>
